<template>
  <div class="bg-[#ddd]">
    <div class="flex-1 bg-[#fff] w-full h-[40px] items-center pl-[10px] mb-[10px]">
      <h2>news.pubed</h2>
    </div>
    <div class="soll">
      <div class="flex w-full h-[70px] border-b-2 border-[#ddd] justify-between items-center">
        <div class="text-xl">已发布新闻2期</div>
        <div>
          <Categroy />
        </div>
      </div>
      <div class="bg-[#fff] h-[50vh] oveflow-auto ml-[150px]">
        <div class="flex border-2 border-[#ddd] w-[90%] h-[100px] mt-[20px]">
          <img src="http://gips3.baidu.com/it/u=119870705,2790914505&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=720" width="150px" height="50px" alt="" />
          <span class="flex items-center ml-[50px]">新闻将于2027.07.17 10:00发布</span>
          <span class="flex items-center ml-[10px] text-sm" >修改时间</span>
        </div>
      </div>
    </div>
  </div>

</template>
<script setup>;
import Categroy from '@/components/Categroy.vue';
</script>
<style scoped>
.soll{
  border-radius: 10px;
  background-color: hsl(0, 0%, 100%);
}
</style>
